<div class="col-xs-12">
   <div class="table-header">
        流程模型
   </div>
   <div class="table-responsive">
       <table class="modelList table table-striped table-bordered table-hover">
       </table>
   </div>
   
   <div class="modal modelFormModal" tabindex="-1">
       <div class="modal-dialog">
           <div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal">&times;</button>
                   <h4 class="blue bigger">新建流程模型</h4>
               </div>

               <div class="modal-body overflow-visible">
                   <div class="row">
                       <div class="col-sm-12">
                        <form class="form-horizontal modelForm" role="form">
                           <div class="form-group">
                               <label class="col-sm-3 control-label no-padding-right" for="modelForm-name"> 名 称 </label>

                               <div class="col-sm-9">
                                <div class="clearfix">
                                   <input type="text" name="name" id="modelForm-name" class="col-sm-9" />
                                </div>
                               </div>
                           </div>

                           <div class="space-4"></div>

                           <div class="form-group">
                               <label class="col-sm-3 control-label no-padding-right" for="modelForm-key"> 标 识 </label>

                               <div class="col-sm-9">
                                <div class="clearfix">
                                   <input type="text" name="key" id="modelForm-ket"  class="col-sm-9"/>
                                </div>
                               </div>
                           </div>
                           
                           <div class="form-group">
                               <label class="col-sm-3 control-label no-padding-right" for="modelForm-key"> 分 类 </label>

                               <div class="col-sm-9">
                                <div class="clearfix">
                                   <input type="text" name="category" id="modelForm-ket"  class="col-sm-9"/>
                                </div>
                               </div>
                           </div>

                           <div class="space-4"></div>

                           <div class="form-group">
                               <label class="col-sm-3 control-label no-padding-right" for=""modelForm-description""> 描 述 </label>

                               <div class="col-sm-9">
                                <div class="clearfix">
                                    <textarea  name="description" id="modelForm-description"  class="col-sm-9" rows='3' style="resize: none;"></textarea>
                                </div>
                               </div>
                           </div>
                        </form>
                       </div>
                   </div>
               </div>

               <div class="modal-footer">
                   <button class="btn btn-sm" data-dismiss="modal">
                       <i class="icon-remove"></i>
                                                             取消
                   </button>

                   <button class="btn btn-sm btn-primary btn-save">
                       <i class="icon-ok"></i>
                                                             保存
                   </button>
               </div>
           </div>
       </div>
   </div>
   
   <div class="modal modelShowModal" tabindex="-1">
       <div class="modal-dialog">
           <div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal">&times;</button>
                   <h4 class="blue bigger">流程模型图</h4>
               </div>
               <div class="modal-body" style="overflow: auto">
                   <img alt="" src="" >
               </div>
           </div>
       </div>
   </div>
   
   <div class="modal modelImportModal" tabindex="-1">
       <div class="modal-dialog">
           <div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal">&times;</button>
                   <h4 class="blue bigger">导入模型</h4>
               </div>
               <div class="modal-body" style="overflow: auto">
               </div>
               <div class="modal-footer">
                   <button class="btn btn-sm" data-dismiss="modal">
                       <i class="icon-remove"></i>
                                                             取消
                   </button>
                   <button class="btn btn-sm btn-primary btn-save">
                       <i class="icon-ok"></i>
                                                             保存
                   </button>
               </div>
           </div>
       </div>
   </div>
   
   
</div>